<template>
  <div class="hot">
    <div class="home_title">人气推荐</div>
    <van-card v-for="item in hotGoodsList" :key="item.id" :price="item.retail_price.toFixed(2)" :desc="item.goods_brief" :title="item.name" :thumb="item.list_pic_url" />
  </div>
</template>
 
<script>
export default {
  props: ["hotGoodsList"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.hot {
  background: #fff;
  margin-top: 20px;
  .van-card__title{
      font-size: 16px;
  }
  /deep/.van-card__desc{
      height: 40px;
      max-height: 100px;
      line-height: 40px;
  }
  .van-card__price{
      color: darkred;
  }
}
</style>